<template>
	<div class="root">
		仓库管理系统
	</div>
	<div class="type">入库管理
	</div>
	<div class="rk">
		<div class="menu">
			<div class="item">
				<router-link to="/instore">采购入库</router-link>
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				<router-link to="/instore">加工入库</router-link>
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				<router-link to="/instore">直接入库</router-link>
			</div>
			<span class="num">4</span>
		</div>
	</div>
	<div class="type">出库管理</div>
	<div class="rk">
		<div class="menu">
			<div class="item">
				<router-link to="/outstore">采购退货</router-link>
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				领料出库
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				商品出库
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				调拨出库
			</div>
			<span class="num">4</span>
		</div>
		<div class="menu">
			<div class="item">
				<router-link to="/Zhijie">直接出库</router-link>
			</div>
			<span class="num">4</span>
		</div>
	</div>

	<div class="type">盘点管理</div>
	<div class="rk">
		<div class="menu">
			<div class="item">
				<router-link to="/check">仓库盘点</router-link>
			</div>
			<span class="num">4</span>
		</div>
	</div>



</template>

<script setup>
	import {
		showToast
	} from 'vant';
</script>

<style scoped>
	.num {
		position: relative;
		display: inline-block;
		width: 0.4rem;
		height: 0.4rem;
		text-align: center;
		line-height: 0.4rem;
		background-color: #f00;
		color: #fff;
		border-radius: 50%;
		left: -0.55rem;
		top: -0.55rem;
	}

	.root {
		width: 7.5rem;
		height: 1.5rem;
		text-align: center;
		line-height: 1.5rem;
		font-size: 0.4rem;
	}

	.type {
		width: 7.5rem;
		height: 0.5rem;
		line-height: 0.5rem;
		text-align: center;
		background-color: #FFF;
		border: #ccc solid 1px;
	}

	.rk {
		width: 7rem;
		margin: auto;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 0.3rem 0;
	}



	.item {
		display: inline-block;
		width: 0.6rem;
		padding: 0.1rem 0.3rem;
		border-radius: 0.15rem;
		margin: 0.1rem 0.3rem;
		background-color: #ffffff;
	}

	.item a {
		color: #000;
	}
</style>
